<template>
  <div class="zjzw_" :class="{'zjzw_login': byLogin}">
    <div class="zjzw_foot" :class="{'zjzw_foot-login': byLogin}">
      <div class="zjzw_hx" v-if="!byLogin"></div>
      <div style="width:1090px; height:auto; margin:0 auto;">
        <div style="text-align: center">
          <p style="color: #589df8" class='f-s-18 m-t-10'>主办单位 : 湖北省发展和改革委员会</p>
        </div>
        <div style="text-align: center">
          <p style="color: #589df8" class='f-s-18 m-t-10'>建议使用1366*768分辨率/IE11以上或chrome浏览器、360浏览器的极速模式访问达到最佳效果</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "footerHtml",
    props: {
      byLogin: false
    },
    data() {
      return {
        publicPath: process.env.BASE_URL
      };
    }
  };
</script>
<style lang="scss" scoped>
  .zjzw_:before {
    display: table;
    content: '';
  }
  .zjzw_ {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: '微软雅黑';
  }
  .zjzw_login {
    background-color: #EBE8E9;
    color: #333;
  }

  .zjzw_foot {
    width: 100%;
    height: 190px;
    /*background-color: #3374AA;*/
    background-color: white;
    margin-top: 3.4rem;
  }

  .zjzw_foot-login {
    background-color: #E9E9E9;
  }

  .zjzw_foot .zjzw_f_nav {
    width: 44rem;
    height: 3.5rem;
    margin: 0 auto;
  }

  .zjzw_foot .zjzw_f_nav .zjzw_divide {
    margin: 0 20px;
    color: #fff;
    opacity: 0.16;
  }
  .zjzw_foot .zjzw_f_nav .zjzw_divide-login {
    color: #333;
    opacity: 1;
  }
  a img {
    border: 0;
  }
  img {
    box-sizing: border-box;
    vertical-align: middle;
    border: 0;
  }
  .zjzw_foot .zjzw_f_nav ul {
    display: flex;
    justify-content: space-between;
    font-size: 0.88rem;
    line-height: 3.5rem;
  }

  .zjzw_ ul, .zjzw_ ol, .zjzw_ li {
    padding: 0;
    list-style: none;
    text-decoration: none;
  }

  .zjzw_ ul, .zjzw_ ol, .zjzw_ li {
    padding: 0;
    list-style: none;
    text-decoration: none;
  }

  .zjzw_foot .zjzw_f_nav li span {
    float: left;
  }

  .zjzw_foot .zjzw_f_nav li span a {
    color: #D3EDF2;
    font-size: 14px;
  }
  .zjzw_foot .zjzw_f_nav li span a.color-login {
    color: #333;
  }
  .zjzw_ a {
    text-decoration: none;
    transition: all 0.2s ease-out 0s;
    background-color: transparent;
  }

  .zjzw_foot .zjzw_phone {
    width: 435px;
    height: 1.25rem;
    font-size: 0.88rem;
    color: #D3EDF2;
    line-height: 1.25rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }

  .zjzw_foot .zjzw_hx {
    width: 1080px;
    height: 0.88rem;
    margin: 1.25rem auto 0;
    border-top: 1px solid #568EBD;
  }

  .zjzw_foot .copyright {
    width: 696px;
    height: 2.25rem;
    margin-left: 150px;
    font-size: 0.81rem;
    color: #86B3DA;
    float: left;
  }

  .zjzw_foot .copyright-login {
    color: #333;
    margin-top: 30px;
  }

  .zjzw_foot .copyright p {
    float: left;
    margin-right: 15px;
  }

  .zjzw_foot .copyright .db {
    margin-left: 20px;
  }
</style>
